<template>
  <div class="warp">
    <h1>{{title}}分类</h1>
     <!-- slot 插槽标签 -->
    <!-- vue规定:每一个slot插槽,都要有一个name名称,如果没有书写,则默认name的值是default -->
    <slot name="content"></slot>
    <div>
        <slot name="footer">我是底部</slot>
    </div>
  </div>
</template>

<script>
export default {
name:'Tab',
props:['title']
}
</script>

<style scoped>
.warp{
    width: 250px;
    height: 350px;
    background-color: aquamarine;
}
.warp h1{
    background: pink;
}
</style>